<template>
	<!-- 发布 _寻车 第二版样式-->
	<view class="content">
			<view>
				<!-- 选择店铺 -->
				<view class="bjcolor"  style="padding: 0rpx 20rpx;">
					<view class="xzstop" >
						<view class="xztext">
							<view class="shengctext">
								店铺
							</view>
							<view class="inptextzhi">
								{{companyName}}
							</view>
						</view>
					</view>
				</view>
				<view class="context" >
					基本信息
				</view>
				<!-- 基本信息 -->
				<view class="bjcolor" @click="specification">
					<view class="jbtext">
						<view class="jbxz">
							<view class="jbgg">
								<view class="jbguige">
									规格
								</view>
								<view class="jbjguo">
									<input type="text" v-model="specifAll.Speciflist.name" class="inputtext" placeholder="请选择" disabled="disabled"
									 placeholder-style="font-size:30rpx;color:#999" />
								</view>
							</view>
							<view class="xiat"></view>
							<view class="jbgg" style="margin-top: 40rpx;">
								<view class="jbguige">
									品牌
								</view>
								<view class="jbjguo">
									<input type="text" v-model="specifAll.brandlist.brand" class="inputtext" placeholder="请选择" disabled="disabled"
									 placeholder-style="font-size:30rpx;color:#999" />
								</view>
							</view>
							<view class="xiat"></view>
							<view class="jbgg" style="margin-top: 40rpx;">
								<view class="jbguige">
									车型
								</view>
								<view class="jbjguo">
									<input type="text" v-model="specifAll.Serieslist.carTypeName" class="inputtext" placeholder="请选择" disabled="disabled"
									 placeholder-style="font-size:30rpx;color:#999" />
								</view>
							</view>
							<view class="xiat"></view>
							<view class="jbgg" style="margin-top: 40rpx;">
								<view class="jbguige">
									配置
								</view>
								<view class="jbjguo">
									<input type="text" v-model="specifAll.Configulist.name" class="inputtext" placeholder="请选择" disabled="disabled"
									 placeholder-style="font-size:30rpx;color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;" />
								</view>
							</view>
						</view>
						<view class="jbicon">
							  <i-icon icon="icongengduo" type="single" size="50rpx" color="#e1e1e1"></i-icon>
						</view>
					</view>
				</view>
			<!-- 外观/内饰-->
			<view class="bjcolor" style="margin-top: 20rpx;padding: 0rpx 20rpx;">
			  <view class="xzstop">
			    <view class="exteriorInterior" @click="xzcolorlick">
			      <view class="shengctext">
			        外观/内饰
			      </view>
			    </view>
			    <view class="Extecolorpage">
			      <view class="prompt" v-show="!xedColorList.length>0" @click="xzcolorlick">
			        请选择
			      </view>
			      <view class="kuang1"   v-show="xedColorList.length>0" v-for="(item, index) in xedColorList" :key="index">
			        <view class="kuang2">
			          <view class="colorboxs">
			            <view class="white" :style="{background:item.outerColour.colorCoding}"></view>
			            <view class="kuangtext">
			              {{item.outerColour.color}}
			            </view>
			          </view>
			          -
			          <view class="colorboxs">
			            <view class="kuangtext">
			              {{item.inColour.color}}
			            </view>
			            <view class="kuang21" v-if="item.inColour.neiColor.length == 1">
			              <view class="white1" :style="{background:item.inColour.neiColor[0]}"></view>
			            </view>
			            <view class="kuangdoubu" v-if="item.inColour.neiColor.length == 2">
			              <view class="white4" style="border-radius: 10rpx 10rpx 0rpx 0rpx;" :style="{background:item.inColour.neiColor[0]}"></view>
			              <view class="white4" style="border-radius: 0rpx 0rpx 10rpx 10rpx;" :style="{background:item.inColour.neiColor[1]}"></view>
			            </view>
			          </view>
			        </view>
			        <view class="deletebox" @click="tagClick(item,index)">
			          <i-icon icon="iconquxiaoxunjia" type="single" size="32rpx" color="#e1e1e1"></i-icon>
			        </view>
			      </view>
			    </view>
			    <view class="iconcss" @click="xzcolorlick">
			      <u-icon name="arrow-right" color="#9A9A9A" size="22rpx"></u-icon>
			    </view>
			  </view>
			</view>
				<view class="context">
					补充信息
				</view>
				<!-- 补充信息 -->
				<view class="bjcolor" style="padding: 0rpx 20rpx;">
					<view class="xzstop">
						<view class="xztext" @click="Listingaddress(1)">
							<view class="shengctext">
								上牌地点
							</view>
							<view class="inptextzhi">
								{{goodsRegionName}}
							</view>
						</view>
            <view class="iconcss">
              <u-icon name="arrow-right" color="#9A9A9A" size="22rpx"></u-icon>
            </view>
					</view>
					<view class="bcxt"></view>
					<view class="xzstop">
						<view class="xztext" @click="Listingaddress(2)">
							<view class="shengctext">
								区域要求
							</view>
							<view class="inptextzhi">
								{{regionLimitName}}
							</view>
						</view>
            <view class="iconcss">
              <u-icon name="arrow-right" color="#9A9A9A" size="22rpx"></u-icon>
            </view>
					</view>
					<view class="bcxt"></view>
					<view class="xzstop">
						<view class="xztext" @tap="showsc = true">
							<view class="shengctext">
								寻车有效期
							</view>
							<view class="inptextzhi">
								{{Production}}
							</view>
						</view>
            <view class="iconcss">
              <u-icon name="arrow-right" color="#9A9A9A" size="22rpx"></u-icon>
            </view>
					</view>
					<view class="bcxt"></view>
					<view class="xzstop">
						<view class="xztext" @tap="showsx = true">
							<view class="shengctext">
								手续
							</view>
							<view class="inptextzhi">
								{{sxtitlet}}
							</view>
						</view>
            <view class="iconcss">
              <u-icon name="arrow-right" color="#9A9A9A" size="22rpx"></u-icon>
            </view>
					</view>
					<view class="bcxt"></view>
					<view class="xzstop">
						<view class="xztext" @tap="showxq = true">
							<view class="shengctext">
								车辆详情
							</view>
							<view class="inptextzhi">
								{{xqtitlet}}
							</view>
						</view>
            <view class="iconcss">
              <u-icon name="arrow-right" color="#9A9A9A" size="22rpx"></u-icon>
            </view>
					</view>
				</view>
				<view class="context">
					备注
				</view>
				<view class="bjcolor" @tap="show0 = true" style="padding: 0rpx 20rpx;">
					<view class="texar">
					  <u-field label-width="1" maxlength="400" v-model="remark" placeholder="可输入配置、手续时间、生产日期、现车期货等其他详情信息" type="textarea"
					    :clearable="false"> </u-field>
					</view>
				</view>
				<view style="height: 22rpx;"></view>
				<view v-if="Whethertosubmit==1" class="quedingbtn" @click="submitclick" v-show="Whethertosubmit==1">
					<button form-type="submit">确认发布</button>
				</view>
				<view v-else class="fixedBottomBtn bgf6">
					<view class="flex u-text-center editBtn">
						<view class="width-50 left" @click="getOffShelf=true">
							取消寻车
						</view>
						<view class="width-50 right"  @click="submitclick">
							确认修改
						</view>
					</view>
				</view>
	
			</view>
			<ctime title="寻车有效期" :showsc="showsc" @confirmTime="confirmsc" @closeTime="closeTime"></ctime>
			<!-- 手续 -->
			
			
			<formalitles :status='showsx' :id='sxtitletid' @getFormalties='getFormalties'></formalitles>

			<!-- 选择车辆详情-->
			<carDetail  :status='showxq' :id='cardetail' @getCarDetail='selectCarDetail'></carDetail>

<!-- 下架弹框 -->
		<u-popup v-model="getOffShelf" mode="center" border-radius="14" width="540rpx" height="365rpx">
			<view class="popup-title">取消寻车</view>
			<view class="popup-content">是否确定取消此条寻车信息？</view>
			<view class="btnWrap flex">
				<view class="width-50 left" @click="getOffShelf = false"><view class="inline-block">我再想想</view></view>
		
				<view class="width-50 right" @click="$u.throttle(Inquiryonshelves, 1000)">确认取消</view>
			</view>
		</u-popup>
	</view>

</template>


<script src="./releaseForCar.js"></script>
<style lang="scss" scoped>
	@import  '../style/common.scss';
	@import "./releaseForCar.scss";
</style>
